<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>过滤选择器-属性过滤器</title>
<script type="text/javascript" src="js/jquery-1.5.js"></script>
<script type="text/javascript">
	$(function() {
		//1.[attribute] 匹配包含给定属性的元素。
		$("div[id]").html("has id");
		//2.[attribute=value] 匹配给定的属性是某个特定值的元素
		$("input[name='accept']").attr("checked","true");
		//3.[attribute!=value] 匹配所有不含有指定的属性，或者属性不等于特定值的元素。
		$("input[name!='accept']").attr("checked","true");
		//4.[attribute^=value] 匹配给定的属性是以某些值开始的元素
		$("input[name^='a']").attr("checked","");
		//5.[attribute$=value] 匹配给定的属性是以某些值结尾的元素
		$("input[name$='letter']").val("letter");
		//6.[attribute*=value] 匹配给定的属性是以包含某些值的元素
		$("input[name*='man']").val("man");
		//7.[selector1][selector2][selectorN] 复合属性选择器，需要同时满足多个条件时使用。
		$("input[id][name$='man']").val("OK");


	});
</script>
</head>
<body>
<div>
  <p>Hello!</p>
</div>
<div id="test2"></div>

<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />
<br/>
<input name="man-news" />
<input name="milkman" id = "man"/>
<input name="letterman2" />
<input name="newmilk" />
</body>
</html>